<template>
    <div id="FAQ">
        <HeaderBg>
            <Headers :title="title" />
        </HeaderBg>
        <div class="faq-container">
            <h5>这是标题</h5>
            <p>常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题 常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题</p>
            <p>常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题 常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题常见问题</p>
        </div>
    </div>
</template>

<script>
import HeaderBg from 'components/HeaderBg'
    export default {
        name:'FAQ',
        data () {
            return {
                title:''
            }
        },
        components:{
            HeaderBg
        },
        mounted(){
            switch (this.$route.params.type) {
                case "useXy":
                    this.title = this.$t('settings.about.useXY')
                    break;
                case "service":
                    this.title = this.$t('settings.about.service')
                    break;
                case "faq":
                    this.title = this.$t('FAQ.title')
                    break;
            }
        }
    }
</script>

<style lang="stylus" scoped>
@import '../../utils/styl/mixin.styl'
#FAQ
  positCenter(0, 0, 0, 0, 0, 0)
  width 100%
  background-color $bodyBg
  .faq-container
    margin rem(130) auto 0
    width rem(346)
    border rem(1) solid $inputBg
    border-radius rem(5)
    box-sizing border-box
    padding rem(20) rem(30)
    height rem(500)
    overflow-y auto
    h5
        font-size rem(15)
        color $fontColor
        margin-bottom rem(28)
    p
        line-height rem(18)
        color $fontColor
        letter-spacing rem(1)
        text-align left
        text-indent rem(25)
        margin-bottom rem(20)
</style>
